<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../stylesheets/lz.css">
    <link rel="stylesheet" type="text/css" href="../stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../stylesheets/bootstrap.css">
    <script type="text/javascript" src="../javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../javascripts/bootstrap.js"></script>
    <style>
        .spanUserList {
            font-family: 'Arial Negreta', 'Arial';
            font-weight: 700;
            font-style: normal;
            font-size: 32px;
            color: #333333;
            text-align: left;
            line-height: normal;
            width: 50px;
            padding-left: 15px;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#top").load("top.html");
            $("#left").load("left.html");
            $("#bottom").load("bottom.html");
        });

    </script>
</head>
<body onresize="onBodyChange()">
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <!--左侧导航栏开始-->
        <div id="left" class="col-md-2">
        </div>
        <!--左侧导航栏结束-->

        <!--右侧正文内容开始-->
        <div class="col-md-8 bodyDiv" id="right">
            <div class="row">
                <div class="col-md-6" style="padding-top: 20px;">
                    <span class="spanUserList">用户列表</span>
                </div>
                <form action="#">
                    <div class="col-md-2" style="padding-top: 30px;">
                        <select class="form-control" style="">
                            <option value="请选择">请选择</option>
                            <option value="用户姓名">用户姓名</option>
                            <option value="性别">性别</option>
                            <option value="手机号码">手机号码</option>
                            <option value="邮箱">邮箱</option>
                            <option value="生日">生日</option>
                            <option value="地址">地址</option>
                        </select>
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                        <input type="text" class="form-control" placeholder="查询条件">
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                        <input type="submit" class="btn btn-primary" value="搜索">
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="col-md-12" style="height: 330px;min-height: 330px;">
                    <table id="table1" class="table table-striped" style="width: 100%;table-layout:fixed;">
                        <caption></caption>
                        <thead>
                        <tr>
                            <th>用户编号</th>
                            <th>用户姓名</th>
                            <th>性别</th>
                            <th>手机号码</th>
                            <th>邮箱</th>
                            <th>生日</th>
                            <th>地址</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>20150001</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--分页开始-->
            <div class="row">
                <div class="col-md-12" style="text-align: center;">
                    <ul class="pagination">
                        <li><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li class="disabled"><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
            <!--分页结束-->
        </div>
        <!--右侧正文内容结束-->
        <div class="col-md-1">
        </div>
    </div>
    <div id="bottom"></div>
</div>
</body>
</html>